{{> header}}

  <div class="main post" id="post">
    <form method="post">
        标题：<input type="text" name="title" value="{{loginUser.name}}-post-"/><br/><br>

        标签：
        {{#each postTags}}
            <input type="checkbox" name="tags" value="{{.}}"/>{{.}}&nbsp;
        {{/each}}
        <br><br>


        简介：<br/>
        <textarea name="intro" cols="80" rows="10">{{loginUser.name}}的话题简介，{{loginUser.name}}的话题简介，{{loginUser.name}}的话题简介，{{loginUser.name}}的话题简介。</textarea><br/><br>

        正文（支持Markdown）：<br/>
        <textarea name="content" cols="80" rows="10">```
{{loginUser.name}}的话题。{{loginUser.name}}的话题。
```</textarea><br/><br>


        <input type="submit" value="发表"{{#unless loginUser}}disabled{{/unless}}/>
        <span id="errorMsg" style="color:#c00;display: none;"></span>


        {{#unless loginUser}}
        <p>请先<a href="/login?refer=/post">登录</a>后，再发表话题</p>
        {{/unless}}
    </form>
  </div>

{{>postSide}}

{{#section 'script'}}
<script>
    $(function(){
        var limit={
            title:[{{postCharacterLengthLimit.title}}],
            intro:[{{postCharacterLengthLimit.intro}}],
            content:[{{postCharacterLengthLimit.content}}]
        };
        var $errorMsg=$('#errorMsg');
        $('#post').on('submit','form',function(){
            var errors=[];
            var title=$(this).find('[name="title"]').val();
            var intro=$(this).find('[name="intro"]').val();
            var content=$(this).find('[name="content"]').val();

            if(title)title=title.replace(/^\s+|\s+$/g,'');
            if(intro)intro=intro.replace(/^\s+|\s+$/g,'');
            if(content)content=content.replace(/^\s+|\s+$/g,'');

            if(!title || title.length<limit.title[0] || title.length>limit.title[1])errors.push(['标题内容长度非法(',limit.title[0],'~',limit.title[1],')'].join(''));
            if(!intro || intro.length<limit.intro[0] || intro.length>limit.intro[1])errors.push(['简介内容长度非法(',limit.intro[0],'~',limit.intro[1],')'].join(''));
            if(!content || content.length<limit.content[0] || content.length>limit.content[1])errors.push(['正文内容长度非法(',limit.content[0],'~',limit.content[1],')'].join(''));

            if(!$(this).find('[name="tags"]:checked').length)errors.push('标签未选择');
            if(errors.length){
                $errorMsg.text(errors.join()).show();
                return false;
            }
        });
    });
</script>
{{/section}}